<!--
 * @Description: 
 * @Version: 
 * @Author: XYBH
 * @Date: 2020-06-09 23:30:14
 * @LastEditors: XYBH
 * @LastEditTime: 2020-06-10 00:35:06
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的商城</title>
    <link rel="stylesheet" href="/css/index1.css" />
    <link rel="stylesheet" href="/css/common.css" />
    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/css/myshop.css" />
</head>

<body>
    <div class="container-fluid">
        <div class="row row-head">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <div class="hd">
                    <div class="tools">
                        <div id="tools">
                            <div class="tool">
                                <div class="operator">
                                    <ul>
                                        <li><a id="my-mall" onmousemove='over("mall-list","mall-ul")'
                                                onmouseout='leave("mall-list","mall-ul")' href="#">我的商城<i id="mall-list"
                                                    class="fa fa-chevron-down" aria-hidden="true"></i></a>
                                            <ul id="mall-ul" onmouseover='show("mall-ul")'
                                                onmouseout='hiddenList("mall-ul")'>
                                                <li><a href="#">我的订单</a></li>
                                                <li><a href="#">购物车</a></li>
                                                <li><a href="#">我的收藏</a></li>
                                                <li><a href="#">我的评论</a></li>
                                            </ul>
                                        </li>
                                        <li><a id="shop_list" onmousemove='over("shop-list","shop-ul")'
                                                onmouseout='leave("shop-list","shop-ul")' href="#">0元购物<i id="shop-list"
                                                    class="fa fa-chevron-down" aria-hidden="true"></i></a>
                                            <ul id="shop-ul" onmouseover='show("shop-ul")'
                                                onmouseout='hiddenList("shop-ul")'>
                                                <li><a href="#">0元抢物</a></li>
                                                <li><a href="#">1元砍价</a></li>
                                                <li><a href="#">1元抽奖</a></li>
                                                <li><a href="#">优惠速领</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">客户服务</a></li>
                                    </ul>
                                </div>
                                <div class="welcome">
                                    欢迎光临东篱下交易商城，请<a href="#">登录</a>
                                    <span><a href="#">成为会员</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="logo_line">
                        <div class="col-lg-3 col-md-12 hidden-md hidden-sm hidden-xs"
                            style="height: 100px;background-color: yellow;">
                            <div><img style="width:362px; background-color: azure;" src="#"></div>
                        </div>
                        <div class="col-lg-6 col-md-12  text-center search">
                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 input">
                                <input type="text" placeholder="请输入商品关键字">
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-4 select">
                                <select>
                                    <option>衣服</option>
                                    <option>裤子</option>
                                    <option>裙子</option>
                                    <option>鞋子</option>
                                </select>
                            </div>
                            <div class="col-lg-2 submit">
                                <input type="submit" value="查询">
                            </div>
                        </div>
                        <div class="col-lg-3 hidden-md hidden-sm hidden-xs cart-order">
                            <div class="cart-order-body">
                                <div class="order"><a href="#">我的订单</a></div>
                                <div id="cart" class="cart">
                                    <a href="#"><i class="fa fa-shopping-cart fa-3x"
                                            aria-hidden="true"></i><span>购物车</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-2"></div>
    <div class="col-lg-8">
        <div class="col-lg-2 col-md-2 col-sm-2  col-xs-2 main-warp">
            <div class="container-fluid">
                <div class="accordion" id="accordion2">
                    <div class="accordion-group">
                        <div class="accordion-heading head">
                            全部商品
                        </div>

                    </div>
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
                                href="#collapseOne">
                                我的购物车
                            </a>
                        </div>
                    </div>
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
                                href="#collapseTwo">
                                已买到的商品<i class="fa fa-angle-down"></i>
                            </a>
                        </div>
                        <div id="collapseTwo" class="accordion-body collapse">
                            <div class="accordion-inner">
                                <div>待发货</div>
                                <div>待收货</div>
                                <div>待评价</div>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
                                href="#collapseThree">
                                我的发票<i class="fa fa-angle-down"></i>
                            </a>
                        </div>
                        <div id="collapseThree" class="accordion-body collapse">
                            <div class="accordion-inner">
                                <div>开票信息</div>
                                <div>发票管理</div>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#">
                                评价管理
                            </a>
                        </div>
                    </div>
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#">
                                我的足迹
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
            <div class="userbar">
                <div class="baseInfo">
                    <img src="img/head-icon.jpg" width="52" height="52" class="img-circle">
                    <div class="username"><a href="#">东篱下</a></div>
                </div>
                <div class="trigger">收货地址</div>
                <div class="trigger">优惠信息</div>
                <div class="sign"><a href='#'>签到</a></div>
            </div>
        </div>
    </div>
    <div class="col-lg-2"></div>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/bootstrap/bootstrap.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/myshop.js"></script>
</body>

</html>